<template>
	<view>
		<my-custom bgColor="bgfff" :isBack="true">
			<view slot="content">
				<view class="dsf alc jcc h100b col333 fwb">{{''+carDetail.title+''}}</view>
			</view>
		</my-custom>
		<view class="relative dsf">
			<image mode class="w100b h524" src="/static/new/truck-bg1.png"></image>
			<view class="absolute w100b h100b t0 l0 pb90">
				<swiper :autoplay="false" class="h100b" :duration="500" indicatorActiveColor="#2270FC"
					indicatorColor="#666" :indicatorDots="true" :interval="2000" v-if="carDetail.vehicle_info">
					<swiper-item v-for="(item,index) in $root.l0" wx:for-item="itemimg" :key="index">
						<view class="w100b h100b dsf jcc bsbox pt50">
							<view class="relative w100b h320 dsf alc jcc">
								<view class="relative h100b dsf jcc alc">
									<view class="dsf jcc alc fz26 col333 absolute t0" style="margin-top:-40rpx;">
										<image mode class="w92 h6" src="../../static/new/truck-cl.png"></image>
										<view>{{itemimg.g0+itemimg.m0}}</view>
										<image mode class="w92 h6" src="../../static/new/truck-cl.png"
											style="transform:rotate(180deg);"></image>
									</view>
									<image mode class="w424 h304" :src="itemimg[$orig]"></image>
									<view class="absolute text-center" style="right:50%;margin-right:-74%;">
										<image mode class="w92 h6" src="../../static/new/truck-cl.png"
											style="transform:rotate(90deg);"></image>
										<view class="pt5 pb5">{{carDetail.height+itemimg.m1}}</view>
										<image mode class="w92 h6" src="../../static/new/truck-cl.png"
											style="transform:rotate(-90deg);"></image>
									</view>
								</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view>
			<view class="dsf jcc fz26 col666 absolute b0 w100b pb30 zindex10">{{'*'+$root.m2+'。'}}</view>
		</view>
		<view class="pl24 pr24 pb40 content-body" v-if="carDetail.vehicle_info">
			<u-parse :content="carDetail.vehicle_info.introduce" :tagStyle="style"></u-parse>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				carid: 0,
				carDetail: {},
				style: {
					li: "margin-top:12rpx;",
					span: "font-size:30rpx"
				}
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	page {
		background-color: #fff
	}

	.content-body {
		margin-top: 28upx
	}
</style>